﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       accessibility.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This css file addressses the accessibility toolbar that appears when tabbing into the page. 
    
    

*/	



/*the accessheader toolbar...*/

        #accessheader
        { height: 1px; width: 1px; overflow: hidden; 
          clip: rect(1px 1px 1px 1px);  
          /* IE6, IE7 */ 
          clip: rect(1px, 1px, 1px, 1px); 
          
          speak: normal; voice-family: female;   
        }
        
        
        
/*the list items...*/

        #accessheader ul li { list-style: none; display: inline; }

        .accessible 
        { display: inline-block; width: 100%; position: fixed; left: -9000px; top: 0; z-index: 2; }

        .accessible:focus, .accessible:active 
        { left: 0; top: 0; z-index: 100; }

        #accessheader a, #accessheader a:link, #accessheader a:visited
         { color: #FFF; padding: 0.75em; background-color: #323232; text-decoration: none; }

        .ie6 .accessible { position: absolute; }

